/**
 * Created by Administrator on 2016/9/22.
 */

//产品功效说明项
$(".ddc1 dd:gt(3)").hide();
var flag = true;
$(".options #sq1").click(function(){

    if(flag){
        // console.log($(this))
        $(this).children().first().text("收起");
        $(".ddc1 dd").show();
       $(this).children().last().replaceWith("<span id=\"shou1\" class=\"iconfont arrow\">&#xe60d;</span>");
        flag = false;
    }else{
        flag = true;
        $(this).children().first().text("更多");
        $(this).children().last().replaceWith("<span id=\"shou1\" class=\"iconfont arrow\">&#xe604;</span>");
        $(".ddc1 dd:gt(3)").hide();
    }


});

//产品品牌说明项
var flag2 = true;
$(".ddc2 dd:gt(3)").hide();
$(".options #sq2").click(function(){

    if(flag2){
        // console.log($(this))
        $(this).children().first().text("收起");
        $(".ddc2 dd").show();
        $(this).children().last().replaceWith("<span id=\"shou1\" class=\"iconfont arrow\">&#xe60d;</span>");
        flag2 = false;
    }else{
        flag2 = true;
        $(this).children().first().text("更多");
        $(this).children().last().replaceWith("<span id=\"shou1\" class=\"iconfont arrow\">&#xe604;</span>");
        $(".ddc2 dd:gt(3)").hide();
    }


});

//列表页图片请求
$.get("../json/list.json",function(data){
   // console.log(data)
    var html = "";
    $.each(data,function(i,o){
        html += "<li>"
        +"<a href=\"#\">"
        +"<img src=\""+o.imgSrc+"\"/>"
        +"<p class=\"xqintro\">"+o.intro+"</p>"
        +"</a>"
        +"<p class=\"xqmes\">"
        +"<span class=\"fl\">￥<b>"+o.price+"</b></span>"
        +"<span class=\"fr\">"+o.old+"</span>"
        +"</p>"
        +"<p pid=\""+o.pid+"\" num=\"1\" class=\"joinCart\">加入购物车</p>"
        +"</li>";

        $(".xqproducelist ul").html(html);
    });

    $(".xqproducelist li").hover(function(){

        $(this).children().stop().slideDown(400);

    },function(){
        // console.log(2)
        $(this).children().last().stop().slideUp(400);
    });



});




//购物车操作
//添加购物车

$(".xqproducelist ul").click(function(e){

    if($(e.target).attr("class") === "joinCart"){
        console.log(1)
        //图片#描述#数量#单价
        var $pid = $(e.target).attr("pid");
        var $img = $(e.target).parent().first().children().first().children().first().attr("src");
        var $intro = $(e.target).parent().first().children().first().children().last().html();
        var $num = $(e.target).attr("num");
        var $price = $(e.target).prev().children().first().children().html();
        var str = $pid + "#" + $img + "#" + $intro + "#" + $num  + "#" + $price;
        console.log(str)
        var $shopcart = $.cookie("shopcart");
        if(!$shopcart){
            $.cookie("shopcart",str,{
                expires:9
            });
        }else{
            var result = strOper.add($shopcart,str);
            $.cookie("shopcart",result);
        }



        var $productImg = $(e.target).parent().first().children().first().children().first();
        // console.log($productImg)

        $productImg.clone()
            .appendTo("body")
            .css({
                position:"absolute",
                left:$productImg.offset().left,
                top:$productImg.offset().top,
                width:190,
                height:190,
                opacity:0.9
            }).animate({
            left:$productImg.offset().left + 70,
            top:$productImg.offset().top + 70,
            width:50,
            height:50,
        },400).delay(300).animate({
            left:$("#shopCon").offset().left,
            top:$("#shopCon").offset().top,
            opacity:0,
            width:0,
            height:0
        },400);


    }
});









































